* {
    margin: 0px;
    padding: 0px;
}

/* 设置左浮动类 */
.fl{
    float: left;
}

/* 设置右浮动类 */
.fr{
    float: right;

}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}
/* 主体内容容器，无特殊样式 */
.g-main {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
    background-color: #ffffff;

}

/* header部分 */
/* 头部整体样式 */
.g-header {
    width: 100%;
    height: 70px;
    box-sizing: border-box; /* 让内填充和边框纳入盒子尺寸计算 */
    padding: 0 10px;
    /* border-bottom: solid 2px #d8d8d8; 底部边框 */
}

/* 头部logo图片 */
.g-header  img {
    width: 160px;
    height: 100px;
    margin-left: 73px;
    margin-top: 13px;
    margin-bottom: 13px;
}

/* 登录按钮，设置右对齐 */
.g-header .u-btn-logn {
    margin-right: 87px;
    margin-top: 30px;
}

.u-btn-logn span{
    font-size: 14px;
    color: #a2a2a2;
    box-sizing: border-box;
    padding-top: 23px;
    padding-right: 15px;
    
}
/* 登录按钮内的输入框样式 */
.g-header .u-btn-logn input {
    width: 58px;
    height: 30px;
    border: 0px; /* 去除边框 */
    background-color: #ffc200; /* 背景颜色 */
    border-radius: 0.2em; /* 圆角边框 */
}

/* 头部水平分割线 */
.g-header hr {
    border-top: 2px solid #d8d8d8;
}

/* form表单部分 */
.g-form {
    margin-top: 3%; /* 上外边距 */
}

/* 表单内部容器 */
.g-form .m-form {
    margin-left: 128px;
}

/* 通用文本输入样式 */
/* u-text 类用于统一表单中的文本输入框样式 */
.g-form .u-text {
    margin-top: 30px;
}
.g-form .u-text input {
    width: 354px;
    height: 48px;
}

/* 文本标签样式，作为输入框前的文字描述 */
.g-form  .u-span {
    display: inline-block;
    width: 100px;
    height: 48px;
}
.g-form .u-span span{
    font-size: 18px;
    text-align: right;
}

/* 提示信息或警告样式 */
.g-form .u-waring span{
    font-size: 14px;
}

/* 内容区域，通常在标签后 */
.g-form  .u-content {
    margin-left: 105px;
}
.g-form .u-content span{
    font-size: 18px;
}
/* 特殊ID为1的span，更改颜色 */
.g-form .u-content span[id="1"]{
    color:#fe8c00;
}

/* 可能是辅助性div，如占位符等 */
.g-form .u-content div{
    display: inline-block;
    background-color: #eeeeee;
    width: 115px;
    height: 25px;
    text-align: center;
    color: #d8d8d8;
}

.res-btn {
    width: 354px;
    height: 48px;
    font-size: 18px;
    font-weight: 550;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    background-color: #ffd100;
    letter-spacing: 2px; /* 增大字间距 */
    line-height: 48px; /* 确保文本垂直居中 */
}

.xy{ 
    /* display: inline-block; */
    /* height: 48px; */
    /* padding-left:85px; */
    height: auto;
    color: #a2a2a2;
    margin-top: 20px; /* 添加此行以增大与上一个元素的间距 */
    margin-left: 20px;
    width: 430px;
    font-size: 16px;
    letter-spacing: 1px;
    justify-content: center
}

.xy-span{
    color:#fe8c00;
}


.custom-checkbox {
    position: relative;
    display: inline-block;
    margin-left: 85px;
}

.custom-checkbox input[type="checkbox"] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
    left: -9999px; /* 隐藏原生复选框 */
}

.custom-checkbox label {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%; /* 设置为圆形 */
    border: 1px solid #ccc;
    background-color: transparent;
    cursor: pointer;
}

/* 当复选框被选中时的样式 */
.custom-checkbox input[type="checkbox"]:checked + label::before {
    content: "\2714"; /* 对勾符号 */
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    font-size: 16px; /* 调整对勾大小 */
    line-height: 16px; /* 保持对勾垂直居中 */
    text-align: center;
    color: #fff; /* 对勾颜色为白色 */
    background-color: #ffc200; /* 复选框背景色为黄色 */
    border-radius: 3px; /* 可以根据需要调整边角圆滑程度 */
}

.footer-footer-wrap {
    flex-grow: 1;
}

#g-footer {
    width: 100%;
    height: 40px;
    background-color: #f8f8f8;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
}
#g-footer p {
    font-size: 14px; 
    color: rgba(153, 153, 153, 0.7);
    line-height: 20px; 
    text-align: center;
    max-width: 600px; 
    margin: 0 auto; 
}